<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS中的长度单位</title>
  <style>
    .div1{
      background-color: green;
      height: 100px;
    }
    #div2{
      background-color: red;
      height: 2em;
    }
    #div3{
      background-color: gold;
      height: 500%;
    }
  </style>
</head>
<body>
<!--
注意:CSS中设置长度,必须加单位,否则样式设置无效
常用单位:px像素 em相对元素font-size的倍数  rem相对根字体大小,html标签就是根  %相对父元素计算(占父元素的百分比)
-->
<div class="div1">测试常用单位长度</div>

<div id="div2">测试常用单位长度</div>

<div class="div1">
  <div id="div3">测试常用单位长度</div>
</div>

</body>
</html>